iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 24
0

[線上讀書會] 楊興 主講 Universal Rendering with React/Redux
https://www.youtube.com/watch?v=tqRkdVzjh8Q

[線上讀書會] tomas 主講 react server-render isomorphic
https://www.youtube.com/watch?v=WzrLmp-1dYg

心得重點分享

1.在reactjs spa 單頁應用程式下 會失去seo的效果,這邊使用了server-render的方式來處理這方面的問題

2.以reactstratkit 來說 使用了 history 這個套件 來監聽是否網址列有更動(使用event.preventDefault 使其不會跳頁單是會更新網址列)
history.listen 如果有更動就會去向後端,要資料回填到前端,回填的時候其實meta與ga或title等等前端已經挖好可以置換的變數,在這邊新的一頁就會塞到 history 這樣seo就會有資料可以爬了

3.常會聽到 isomorphic / Universal 這邊差異是在 isomorphic (前後端都是使用js,Universal則server端不拘)


上一篇
typescript 入門 && 12/28 晚上 19:30 線上讀書會 有邀請到 潘拉拉 大大 來主講一堂 TypeScript 入門 歐
下一篇
多人共同開發github工具
系列文
線上讀書會-2016 年學 JavaScript 是一種什麼樣的體驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言